<div id="welcome">
	<!--二维码-->
	<div class="erweima hidden-xs">
		<div class="thumbnail">
			<img src="./image/erweima.png" alt="二维码图片">
			<div class="caption text-center">
				使用移动端管理
			</div>
		</div>
	</div>
	<!--巨幕-->
	<div class="jumbotron">
		<div class="container">
			<div class="row">
				<div class=" jumbotron-l text-center">
					<h1 class="text-center">Lemonce&nbsp;灵萌测</h1>
					<p class="text-center">提供简单、高效、可用的自动化工具与服务<span class="hidden-xs">，有效降低WEB工程在测试环节的成本</span>
					</p>
					<p class="hidden-xs">
						<a class="btn btn-default btn-lg" target="_blank" href="/lemon-probe.zip" role="button">下载 LemonProbe.zip</a>
					</p>
					<p class="hidden-xs" style="font-size:14px;"><em>提示：请务必保证您的项目和探针处于同一个Origin。<br/>（协议、域名、端口都相同）</em></p>
					<p class="visible-xs-block" ng-hide="session.isLogined">
						<a href="#/login" class="btn btn-default btn-lg">
							登录
						</a>
						<a href="#/register" class="btn btn-default btn-lg">
							注册
						</a>
					</p>
				</div>
			</div>
		</div>
	</div>
	<!--过程-->
	<div id="process">
		<div class="container">
			<div class="row processList">
				<div class="col-sm-1 hidden-xs">
				</div>
				<div class="col-sm-2 col-xs-4">
					<p><span class="glyphicon glyphicon-cog"></span>&nbsp;&nbsp;<span>1. 配置项目</span>
					</p>
				</div>
				<div class="col-sm-2 col-xs-4">
					<p><span class="glyphicon glyphicon-console"></span>&nbsp;&nbsp;<span>2. 编辑用例</span>
					</p>
				</div>
				<div class="col-sm-2 col-xs-4">
					<p><span class="glyphicon glyphicon-tasks"></span>&nbsp;&nbsp;<span>3. 生成任务</span>
					</p>
				</div>
				<div class="col-sm-2 col-xs-4">
					<p><span class="glyphicon glyphicon-expand"></span>&nbsp;&nbsp;<span>4. 运行测试</span>
					</p>
				</div>
				<div class="col-sm-2 col-xs-4">
					<p><span class="glyphicon glyphicon-duplicate"></span>&nbsp;&nbsp;<span>5. 查看报告</span>
					</p>
				</div>
			</div>
		</div>
	</div>
	<!--4大优势-->
	<div>
		<div class="page-header text-center">
			<div class="container">
				<h2>欢迎使用&nbsp;Lemonce&nbsp;测试工具</h2>
				<p class="text-muted">Lemonce&nbsp;将帮助您提高WEB工程发布时的可靠性，并依靠以下优势显著改善您的测试环节</p>
			</div>
		</div>
		<div class="serviceContent">
			<div class="container">
				<div class="row">
					<div class="col-sm-6 col-md-3">
						<a href="" class="thumbnail">
							<img src="./image/icon-02.png" alt="...">
						</a>
						<div class="caption">
							<h3 class="text-center">图形操作</h3>
							<p>用视窗的 UI 风格设计的测试用例编辑器，更加符合使用习惯。方便的HTML元素抓取与查询功能，进一步提升测试用例编写效率。
								<strong class="hidden-xs"><a target="_blank" href="https://www.lemonce.net/probe.html">查看演示</a></strong>
							</p>
						</div>
					</div>
					<div class="col-sm-6 col-md-3">
						<a href="" class="thumbnail">
							<img src="./image/icon-04.png" alt="...">
						</a>
						<div class="caption">
							<h3 class="text-center">LemonCase语言</h3>
							<p>简单的仿真指令（动作、等待与断言）语法能更加流畅的描述测试用例。 项目变量与字典变量特性显著提升测试的可维护性。
								<strong class="hidden-xs"><a target="_blank" href="http://lemonce.github.io/lemoncase2/">LemonCase文档</a></strong>
							</p>
						</div>
					</div>
					<div class="col-sm-6 col-md-3 list-3">
						<a href="" class="thumbnail">
							<img src="./image/icon-03.png" alt="...">
						</a>
						<div class="caption">
							<h3 class="text-center">便捷部署</h3>
							<p>LemonProbe&nbsp;几乎没有侵入性，将它放入您的工程路径，不再担心复杂的环境与配置。通过浏览器访问即可迅速展开工作。
								<strong class="hidden-xs"><a target="_blank" href="http://www.bilibili.com/video/av6449358/index_1.html">观看教学视频</a></strong>
								<strong class="visible-xs-block"><a href="#/help/setupVideo">查看教学文档</a></strong>
							</p>
						</div>
					</div>
					<div class="col-sm-6 col-md-3">
						<a href="" class="thumbnail">
							<img src="./image/icon-01.png" alt="...">
						</a>
						<div class="caption">
							<h3 class="text-center">测试报告</h3>
							<p>我们的测试报告维度科学、简洁可读，既有用于查看总体项目执行通过率的总览也有完整的测试日志，有效定位与回溯错误过程。
								<strong class="hidden-xs"><a target="_blank" href="/public">查看报告样本</a></strong>
							</p>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
